* {
  margin:0;
  padding:0;
}

body {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #333;
}


textarea {
  width:580px;
}

#tools {
  margin-top:20px;
}

#tools .toolbutton {
  width: auto;  
  float:left;
  margin-right:5px;
  padding: 5px;
  border: 1px solid #999;
  border-radius:8px;
  background-color: #eee;
}




/* CONTENT STYLING */
#preview p, dt, dd {
font-size: 12px;
line-height: 15px;
text-align: justify;
margin-bottom:10px;
}

#preview pre, blockquote {
line-height: 1.714em;
margin-bottom: 1.714em;
}

#preview h1 {
font-size: 24px;
line-height: 30px;
margin-top: 20px;
margin-bottom: 15px;
}

#preview h2 {
font-size: 20px;
line-height: 24px;
margin-top: 14px;
margin-bottom: 10px;
}

#preview h3 {
font-size: 14px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 8px;
}

#preview h4 {
font-size: 12px;
line-height: 14px;
margin-top: 10px;
margin-bottom: 8px;
}

#preview hr {
margin-top: 1.6em;
}

#preview input {
font-size: 1.0em;
}

#preview ul {
list-style: square;
}

#preview li {
padding-bottom:10px;
}
#preview a {
color:#069;
text-decoration: none;
}
#preview a:hover {
text-decoration: underline;
}

#preview blockquote {
  margin-left:5px;
  padding:1px;
  padding-left:10px;
  padding-right:10px;
  border-left:2px double #999;
  color: #C0C0C0;
}

#preview code, pre {
  font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
  color: #808080;
  font-size:1.0em;
}

#preview pre {
  padding:5px;
  margin-left:5px;
  display:block;
  width:auto;
  border-left:1px dotted #999;
  overflow: wrap;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* HAX: Disable all borders from prettify */
#preview pre *, #preview code {
  border:none !important;
}

#preview code {
  display:inline;
}

#preview ul, #preview ol {
  margin-left:20px;
}

#footer {
  height:20px;
  width:100%;
  
  position: fixed;
  bottom: 0px;

  padding:10px;
  
  border-top:1px solid #999;
  
  background-color:#333;
  font-size:0.9em;
  color:#aaa;
}

#footer a {
  color: #aaa;
}